<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            user-select: none;
        }
    </style>
</head>
<body>
    <a href="https://www.baidu.com">百度</a>

    <form action="">
        <div class="input-group">
            <label for="">用户名</label>
            <input type="text" name="user">
        </div>
        <div class="input-group">
            <input type="submit" value="提交">
            <button>提交</button>
        </div>

    </form>
    
    <!-- <a href="">刷新</a> -->
</body>
<script>
    /* 
        浏览器的默认行为    
            1. a标签的默认跳转
            2. 表单form的默认提交
            3. F5默认刷新
            4. 鼠标右键菜单

        阻止浏览器的默认行为   
            1. a标签的默认跳转
                <a href="javascript:;">1111</a>

            2. 表单form的默认提交
            3. F5默认刷新
            4. 鼠标右键菜单

            if(e.preventDefault){
                e.preventDefault();
            }else{
                e.returnValue = false; 
            }

            
    */

    var a = document.getElementsByTagName("a")[0];
    var form = document.getElementsByTagName("form")[0];

    a.onclick = function(e){
        var e = e || window.event;

        // 常规浏览器 
        // e.preventDefault();

        // IE低版本
        // e.returnValue = false;  // return false

        if(e.preventDefault){
            e.preventDefault();
        }else{
            e.returnValue = false; 
        }
    }

    form.onsubmit = function(e){
        if(e.preventDefault){
            e.preventDefault();
        }else{
            e.returnValue = false; 
        }
    }

    // F5默认刷新
    document.onkeydown = function(e){
        var e = e || window.event;
        console.log(e);

        var code = e.code;
        if(code === "F5" || code === "F12"){
            if(e.preventDefault){
                e.preventDefault();
            }else{
                e.returnValue = false; 
            }
        }else if(e.ctrlKey && code == "KeyC"){
            if(e.preventDefault){
                e.preventDefault();
            }else{
                e.returnValue = false; 
            }
        }
    }

    // 4. 鼠标右键菜单
    document.oncontextmenu = function(e){
        console.log(e);
        // return false;
        if(e.preventDefault){
            e.preventDefault();
        }else{
            e.returnValue = false; 
        }
    }





</script>
</html>